<!-- 首先得继承父类模板 -->
{% extends 'base.html' %}
{% load static %}

<!-- 班级管理 新增 编辑 -->
{% block right_content %}
<link rel="stylesheet" href="{% static 'css/form.css' %}">


<div class="right">
    <div class="bottom">
        <div class="container">
            <h1 style="text-align: center;">
                {% if object %}
                    编辑班级
                {% else %}
                    新增班级
                {% endif %}
            </h1>
            
            <form method="post" action="">
                {% csrf_token %}
                {% for field in form %}
                <div class="form-group">
                    <label for="{{ field.id_for_label }}">{{ field.label }}:</label>
                    <!-- 使用Django的form字段渲染 -->
                    <!-- 这里的field会自动渲染为对应的HTML元素 -->
                     {{ field }} 
                     <ul>
                        {% for error in field.errors %}
                        <li class="errors" style="color: red;">{{ error }}</li>
                        {% endfor %}
                     </ul>
                </div>
                {% endfor %}
                <!-- <div class="form-group">
                    <label for="id_grade_number">班级编号:</label>
                    <input type="text" id="id_grade_number" name="grade_number" maxlength="10" required="">
                </div> -->

                <div class="handleButton">
                    <button type="submit" class="saveButton">保存</button>
                    <a href="{% url 'grades_list' %}">
                        <button type="button" class="cancel">取消</button>
                    </a>
                </div>

            </form>

        </div>

    </div>

</div>  
{% endblock %}